<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>复焕集 - 我的主页</title>
<link href="/poj-java/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/poj-java/fontawesome/css/all.min.css">
<link rel="stylesheet" href="css/mineShowInformation.css" />
<link rel="stylesheet" href="css/base.css" />
</head>

<body>
	<!-- 导航栏 -->
	<div class="container-fluid fixed-top navbar-custom" id="top">
		<nav class="navbar navbar-expand-lg" role="navigation">
			<div class="container">
				<a href="index.jsp" class="navbar-brand navbar-b-custom font-logo">
						<img src="img/headLogo.png" alt="" id="headImage">
					</a>

				<!-- 搜索条 -->
				<form action="searchGoodsDo" method="get">
						<div class="d-flex position-absolute start-50 translate-middle-x serchBar">
							<input  name="searchName" type="text" class="form-control1 form-control-sm" id="searchBar" />
							<button class="btn btn-primary ms-2 serchBut" id="searchBtn">搜索</button>
						</div>
					</form>

				<!-- 右侧用户信息栏 -->
				<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
					<li class="nav-item d-flex align-items-center">
					<input type="hidden" class="userid" value=${sessionScope.logInUser.userid}>
					<input type="hidden" class="sellerid" value=${sessionScope.logInUser.userid}>
					<img src=${sessionScope.logInUser.headimg} alt="用户头像"
						class="headimg align-self-center"></li>
					<li class="nav-item"><a href="mineInformation.jsp"
						class="nav-link navbar-a-custom">我的主页</a></li>
					<li class="nav-item"><a href="mychartingRecords.jsp"
						class="nav-link navbar-a-custom">消息</a></li>
					<li class="nav-item"><a href="order.jsp"
						class="nav-link navbar-a-custom">我的订单</a></li>
					<li class="nav-item"><a href="userLogOut" 
						class="nav-link navbar-a-custom">退出</a></li>
				</ul>
			</div>
		</nav>
	</div>

	<!-- 左侧固定菜单 -->
	<div class="left-panel" id="left" style="margin-top:40px;">
		<div class="personal_Information">
			<div class="mine_personal_Information active">
				<img src="img/mine_personal_information.png" alt=""> <span
					class="mineInformation">我的信息</span>
			</div>
			<div class="mine_personal_Information Mytransaction">
				<img src="img/mine_information_order.png" alt=""> <span>我的交易</span>
				<img src="img/prePic.png" alt="" class="MytransactionPng MytransactionAction">
			</div>
			<a href="order.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					已购买</div>
			</a>
			<a href="ProductOrder.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					订单处理</div>
			</a>
			<a href="addProduct.jsp">
                <div class="mine_personal_Information needHidden mine_order_Hidden" >
                     	添加商品
                </div>
            </a>
            <a href="myColleation.jsp">
			<div class="mine_personal_Information">
				<img src="img/mine_personal_collect.png" alt=""> <span>我的收藏</span>
			</div>
			</a>
			<div class="mine_personal_Information AccountSettings">
				<img src="img/mine_information_set.png" alt=""> <span class="">账户设置</span>
				<img src="img/prePic.png" alt=""
					class="AccountSettingsPng AccountSettingsAction">
			</div>
			<a href="mineInformation.jsp">
				<div class="mine_personal_Information needHidden mine_personal_Information_Hidden">
					个人资料</div>
			</a> 
			<a href="informationModification.jsp">
				<div class="mine_personal_Information needHidden mine_personal_Information_Hidden">
					账号与安全</div>
			</a>

		</div>
	</div>

	<!-- 右侧固定导航栏 -->
	<div class="right-panel"  style="margin-top:40px;">
		<div class="right-section">
			<div class="right-title">常用功能</div>
			<a href="sellerInfo.jsp" class="right-link"><i class="fa fa-store"></i> 我的店铺</a> 
				<a href="#" class="right-link"><i class="fa fa-wallet"></i> 钱包</a>
				<a href="mineInformation.jsp" class="right-link"><i class="fa fa-comment-alt"></i>
				我的评价</a> 
				<a href="#" class="right-link"><i class="fa fa-question-circle"></i> 帮助中心</a>
		</div>
	</div>

	<!-- 中部内容区 -->
	<div class="main-content">
		<div class="middle" style="margin-top:40px;" id="middle">
			<div class="headMineInformation">
				<div>
					<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
						<li class="nav-item d-flex align-items-center">
						<img src="img/headimg_def.jpg" alt=""
							class="headimgTwice align-self-center"> 
							<input type="hidden" id="userid"> 
							<span class="usernameShow">${sessionScope.logInUser.username}</span>
							<a href="informationModification.jsp">
								<button class="settingInformationBtn">
									<i class="fa fa-edit"></i> 编辑资料
								</button>
							</a>
							</li>
						<li class="nav-item d-flex align-items-center mt-2">
							<span class="InfromationShow"> <i class="fa fa-map-marker-alt"></i>
									${sessionScope.logInUser.address}
							</span> 
							<span class="InfromationShow">|</span> 
							<a href="myFans.jsp">
									<span class="InfromationShow"> <i class="fa fa-users"></i> 粉丝:
									${sessionScope.logInUser.fannum}
							</a>
							</span> <span class="InfromationShow">|</span> 
							<a href="myFollows.jsp">
									<span class="InfromationShow"> <i class="fa fa-heart"></i> 关注:
									${sessionScope.logInUser.follownum}
							</a>
							</span> 
							<span class="InfromationShow"> </span>
						</li>
					</ul>

					<div class="user-tags">
						<!-- <span class="tag">诚信卖家</span> <span class="tag">数码达人</span> 
						<span class="tag">快速发货</span> <span class="tag">7天无理由</span> -->
					</div>
					<!-- 自我介绍 -->
					<div class="self_introduction">${sessionScope.logInUser.introduce}</div>
				</div>
			</div>

			<!-- 用户数据卡片 -->
			<div class="user-stats-card">
				<div class="stat-item">
					<div class="stat-value">${sessionScope.logInUser.like}</div>
					<div class="stat-label">获赞与收藏</div>
				</div>
				<div class="stat-item">
					<div class="stat-value">${sessionScope.logInUser.favorableRate*100}%</div>
					<div class="stat-label">好评率</div>
				</div>
				<div class="stat-item">
					<div class="stat-value">${sessionScope.logInUser.sellernum}</div>
					<div class="stat-label">卖出宝贝</div>
				</div>
			</div>
			<div class="section-title">
				<span>信用档案</span>
			</div>
			<div class="user-stats-card">
				<div class="stat-item">
					<div class="stat-value">初出茅庐</div>
					<div class="stat-label">卖家信用</div>
				</div>
				<div class="stat-item">
					<div class="stat-value">萌新小白</div>
					<div class="stat-label">卖家信用</div>
				</div>
			</div>
			<div class="section-title">
				<!-- 异步请求实现 -->
				<span class="userComentsBtn">评价</span> 
			</div>
			<div class="section-body"></div>
		</div>
	</div>

	<!-- 底部区 -->
	<footer class="container-fluid bottom p-3 mt-auto" id="footer">
		<div class="infoLeft mx-auto">
			<strong>复焕集 </strong>旧物也能焕然一新的二手市场。
		</div>
		<div class="container">
			<div class="d-flex flex-wrap justify-content-between">
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>关于我们</strong>
					<li><a href="">公司介绍</a></li>
					<li><a href="">团队介绍</a></li>
					<li><a href="">媒体报道</a></li>
					<li><a href="">加入我们</a></li>
				</ul>
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>帮助中心</strong>
					<li><a href="">新手入门</a></li>
					<li><a href="">交易流程</a></li>
					<li><a href="">常见问题</a></li>
					<li><a href="">安全指南</a></li>
				</ul>
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>规则中心</strong>
					<li><a href="">用户协议</a></li>
					<li><a href="">隐私政策</a></li>
					<li><a href="">交易规则</a></li>
					<li><a href="">社区公约</a></li>
				</ul>
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>联系我们</strong>
					<li><a href="">客服电话：400-114-514</a></li>
					<li><a href="">商务合作：bd@fuhuanji.com</a></li>
					<li><a href="">举报反馈：report@fuhuanji.com</a></li>
				</ul>
			</div>
		</div>
		<div class="copyright">© 2023 复焕集 All Rights Reserved.
			蜀ICP备12345678号</div>
	</footer>
	<script src="js/jquery.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<script src="js/mineInformation.js"></script>
	<script src="js/mineUsertags.js"></script>
	<script src="js/userComents.js"></script>
</body>
</html>